<%@page contentType="text/css" %>
<%@taglib prefix="s" uri="/struts-tags" %>


/* CONTENIDOS
-------------------------------------------------- */


div#contenidos div#guia {
	position: relative;
	overflow: hidden;
	width: 872px;
	padding: 40px 25px 0 25px;
	margin-bottom: 25px;
	background: url(/img/css/fondoDegradadoOscuro.gif) #121212 left top repeat-x;
	color: #969696;
}

div#contenidos div#guia div.area {
	overflow: hidden;
	width: 872px;
	padding-bottom: 60px;
}

div#contenidos div#guia div.especial {
	width: 902px;
	margin-left: -25px;
	background: url(/img/css/separadorGuiaParaPrincipiantes.gif) center 30px no-repeat;
}

div#contenidos div#guia div.especial div {
	float: left;
	width: 401px;
	padding: 0 25px;	
}

div#contenidos div#guia div.area h3 {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

div#contenidos div#guia div.especial h3 {
	margin-left: 25px;	
}

div#contenidos div#guia div.area p {
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #bdbdbd;
}

div#contenidos div#guia div.area img {
	display: block;
}

div#contenidos div#guia div.tipo-1 img {
	float: left;
	margin: 0 30px 25px 0;
}

div#contenidos div#guia div.tipo-2 img {
	float: right;
	margin: 0 0 25px 30px;
}

div#contenidos div#guia div.especial img {
	margin: 0 auto;
	padding-top: 10px;
}

div#contenidos a.banner {
	float: left;	
}